<template>
    <MineDataHeader :title="title" />
    <div class="mine-data-container">
        <ItemView :image="true" :item="item2"/>
        <ItemView :item="item1"/>
        <ItemView :item="item3"/>
        <ItemView :item="item4"/>
    </div>
    <div class="address">
        <ItemView :item="item5"/>
    </div>
</template>
<script setup lang="ts">
import { ref, reactive } from "vue"
import MineDataHeader from "../../components/PubHeaderComponent.vue"
import ItemView from "./components/ItemView.vue"
import icon from "../../assets/images/icon.png"

const item1 = {
    title:"昵称",
    text:"指尖联盟"
}

const item2 = {
    title:"头像",
    image:icon
}

const item3 = {
    title:"性别",
    text:"女"
}

const item4 = {
    title:"生日",
    text:""
}

const item5 = {
    title:"收货地址",
    text:""
}

const title = "个人资料"

</script>
<style lang="less" scoped>

.mine-data-container{
    margin-top: 10px;
}

.address{
    margin-top: 10px;
}

</style>
